﻿
main {
    display: none;
}
footer {
    display: none;
}
@media all and (min-width: 640px) {
    footer {
        display: block;
    }
    main {
        display: block;
    }
	h2, h3 {
		font-weight: bold;
	}
	main > section > div {
		margin: 0 auto;
	}
	.banner {
		height: 580px;
		position: relative;
		background: url(../images/banner-opacity.png) no-repeat;
	}
	
	.banner .contain {
		color: #e66419;
		width: 300px;
		height: 400px;
		text-align: center;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	.banner .contain h2 {
		font-size: 5rem;
		padding-top: 140px;
		background: url(../images/index_icon.png) 82px 0px no-repeat;
	}
	.banner .contain p {
		font-size: 2rem;
		margin: 15px 0;
	}
	.banner .contain a {
		background: none;
		font-size: 2rem;
		width: 210px;
		height: 50px;
		margin-top: 120px;
		border: 2px solid #e66419;
		border-radius: 2px;
		color: #e66419;
		line-height: 2.3;
	}
	.banner .bg-opacity {
		background: #000;
		opacity: .8;
		height: 580px;
	}

	.mod2 .t_2 {
		background: #fff url(../images/index_icon.png) -3px -434px;
	}
	.mod2 .t_3 {
		background: #fff url(../images/index_icon.png) -3px -572px;
	}
	.mod2 .t_4 {
		background: #fff url(../images/index_icon.png) -3px -712px;
	}
	.mod2 .t_5 {
		background: #fff url(../images/index_icon.png) -3px -844px;
	}
	section .wrapp {
		width: 1280px;
		margin: 0 auto;
	}
	
	.mod {
		height: 466px;;
	}
	.mod2 {
		height: 1350px;
	}
	.mod1 {
		background: #f4f4f4;
		height: 550px;
	}
	.mod2 .wrapp {
		overflow: hidden;
	}
	.mod2 .data-block {
		overflow: hidden;
		width: 1100px;
		margin: 0 auto;
	}
	.mod2 .data-block li {
		float: left;
		margin: 0 25px;
		text-align: center;
		width: 170px;
		height: 190px;
		border-radius: 3px;
		border: 1px solid #eee;
	}
	.mod2 dl {
		margin-top: 15px;
	}
	.mod2 dt {
		background: #fff url(../images/index_icon.png) -3px -308px;
		height: 75px;
		width: 75px;
		margin: 0 auto;
	}
	.mod2 dd {
		margin-top: 15px;
	}
	.mod2 dd p {
		font-size: 1.5rem;
	}
	.mod2 .total {
		font-size: 1.8rem;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.mod h3 {
		padding: 60px 0;
		text-align: center;
	}
	.mod2 h3 {
		 padding: 100px 0;
	}
	.mod3 h3 {
		color:#fff;
		padding: 80px 0;
	}
	.mod3 {
		background: url(../images/bg-alliance.jpg) 40% 94% no-repeat;
		height: 680px;
	}
	.mod3 .bg-alliance {
		background: #000;
		height: 680px;
		background: rgba(0, 0, 0, .8);
	}
	.mod4 {
		font-size: 1.5rem;
		box-shadow: 0px 0px 10px #888888 inset;
	}
	.mod4 a {
		color: #ccc;
	}
	.mod4 h4 {
		padding: 90px 0;
	}
	.mod4 h4 {
		font-size: 2.7rem;
		font-weight: bold;
		text-align: center;
	}
	.mod4 .wrapp > div {
		display: table;
		width: 80%;
		margin: 0 auto;
	}
	.mod4 .wrapp > div p {
		display: table-cell;
		width: 33%;
		padding-top: 90px;
		text-align: center;
	}
	.mod4 p {
		background: #fff url(../images/index_icon.png) -290px -485px no-repeat;
	}
	.mod4 .p1 {
		background: #fff url(../images/index_icon.png) -290px -139px no-repeat;
	}
	.mod4 .p2 {
		background: #fff url(../images/index_icon.png) -274px -310px no-repeat;
	}
	.mod4 .p3 {
		background: #fff url(../images/index_icon.png) -305px -475px no-repeat;
	}
	/*slide*/
	
	
	/*graphic*/
	.graphic {
		margin-top: 100px;
	}
	.graphic .g2, .graphic g1 {
		display: inline-block;
	}
	
	/*data-sheet*/
	.data-sheet {
		display: table;
		width: 82%;
		margin: 0 auto;
		margin-top: 100px;
	}
	.data-sheet .title {
		font-size: 2rem;
		padding-bottom: 20px;
		padding-left: 100px;
	}
	.data-sheet div:last-child .title {
		margin-left: 76px;
	}
	.data-sheet > div {
		display: inline-block;
		width: 49%;
	}
	.data-sheet > div li {
		margin-bottom: 10px;
		width: 500px
	}
	.data-sheet > div li i {
		width: 100px;
		font-size: 1.6rem;
	}
	.data-sheet > div li > p {
		display: inline-block;
		background: #e4e4e4;
		width: 80%;
	}
	.data-sheet .progress-bar {
		background: #33cccc;
		text-align: right;
	}
	.data-sheet .r_list {
		margin-left: 40px;
	}
	/*slide*/
	.slide {
		width: 1280px;
		height: 400px;
		margin: 0 auto;
		position: relative;
	}
	.slide > div {
		width: 940px;
		height: 330px;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
	}

	.slide dl {
		background: #fff;
		width: 430px;
		float: left;
		height: 140px;
		border-radius: 4px;
		margin: 15px 20px;
		padding: 35px 15px 0 15px;
		padding-top: 45px;  
		
	}
	.slide dt {
		vertical-align: top;
	}
	.slide dt, .slide dd {
		display: table-cell;
		margin: auto 0;
	}
	.slide dd {
		padding-left: 25px;
	}
	.slide dd a {
		color: #e66419;
		font-size: 2rem;
	}
	.slide dd strong {
		font-weight: normal;
	}
	.gallery_nav {
		position: absolute;
		z-index: 1;
		bottom: 10px;
		left: 45%;
	}
	.slide .gallery_nav li {
		width: 10px;
		height: 10px;
		background: #fff;
		display: inline-block;
		border-radius: 50%;
		margin-left: 10px;
		background: #808080;
	}
	.slide li.active {
		background: #e66419;
	}
	.slide em {
		background: url(../images/index_pre_next.png) 0px 0px no-repeat;
		width: 100px;
		height: 120px;
		position: absolute;
		top: 22%;
		display: block;
		cursor: pointer;
	}
	.slide .next_ {
		right: 0;
		background: url(../images/index_pre_next.png) -205px 0px no-repeat;
	}
	.slide .gallery {
		width: 99999px;
		position: absolute;
		overflow: hidden;
	}
	.slide .gallery li {
		float: left;
		width: 940px;
	}
	.slide .gallery {
		transition: left .5s ease;
	}
}